import React from "react";

export default class EventPrams extends React.Component {
  state = {
    msg: ''
  }
  //react 里面 函数的最后一个参数，用来表示事件对象
  // 如果函数没有其他的参数，那么事件对象就是第一个参数
  handlerMsg(value, event) {
    console.log(event);
    this.setState({
      msg: value
    })
  }
  render() {
    return (
      <div>
        <h1>msg: {this.state.msg}</h1>
        {/* 绑定事件时，使用箭头函数，在函数里面，调用具体的方法并传参数 
          事件对象需要在箭头函数里面声明，在调用具体函数时，当最后一个参数传递给具体的函数
        */}
        <button onClick={(event) => {

          this.handlerMsg('hello', event)

        }}>msg edit</button>
        {/* 在bind()里面传参数，从第二个参数开始，就是给函数的形参传递参数。 */}
        <button onClick={this.handlerMsg.bind(this, 'world')}>msg edit 2</button>
      </div>)
  }
}